<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
   <link rel="stylesheet" href="./css/swiper-bundle.min.css" />

</head>

<body>
   <header data-load="header"></header>

   <main class="details">
      <section style="padding: 0.3rem;">
         <div class="layui-main">
            <span class="layui-breadcrumb mb30" lay-separator=">">
               <a href="">主辦學院 </a>
               <a href="">操作教學</a>
               <a href="">《 ACCUPASS 辦活動指南》如何開始第一個活動？</a>
            </span>
            <div class="d-flex mt30">
               <div class="flex-1 details_b1">
                  <div class="d_content w100">
                     <img src="images/d2.jpg">
                     <p>ACCUPASS 亞洲領先活動平台，一個為活動人量身打造的活動平台，從刊登活動、報名、報到，甚至是「線上活動」，我們都能幫你完</p>

                     <br>
                     <br>
                     <p>ACCUPASS 亞洲領先活動平台，一個為活動人量身打造的活動平台，從刊登活動、報名、報到，甚至是「線上活動」，我們都能幫你完</p>

                     <br>
                     <img src="images/d2.jpg">
                     <br>
                     <br>
                  </div>
                  <div class="mt60">
                     <div class="w50 title1 mb30">
                        <fieldset class="layui-elem-field layui-field-title">
                           <legend class="ft20">或許你會喜歡</legend>
                        </fieldset>
                     </div>
                     <ul class="layui-row layui-col-space30 ul_height">
                        <li class="layui-col-md4 layui-col-xs6">
                           <a href="details.html" class="item">
                              <div class="img_100" style="height: 1.9rem;">
                                 <img src="images/d3.jpg">
                              </div>
                              <p class="layui-elip mt19">規劃中秋活動要注意什麼？做到這 10 點讓你的... 拷贝</p>
                           </a>
                        </li>
                        <li class="layui-col-md4 layui-col-xs6">
                           <a href="details.html" class="item">
                              <div class="img_100" style="height: 1.9rem;">
                                 <img src="images/d3.jpg">
                              </div>
                              <p class="layui-elip mt19">規劃中秋活動要注意什麼？做到這 10 點讓你的... 拷贝</p>
                           </a>
                        </li>
                        <li class="layui-col-md4 layui-col-xs6">
                           <a href="details.html" class="item">
                              <div class="img_100" style="height: 1.9rem;">
                                 <img src="images/d3.jpg">
                              </div>
                              <p class="layui-elip mt19">規劃中秋活動要注意什麼？做到這 10 點讓你的... 拷贝</p>
                           </a>
                        </li>
                     </ul>
                     <div class="w50 title1 mt60  mb40">
                        <fieldset class="layui-elem-field layui-field-title">
                           <legend class="ft20">分享你的看法</legend>
                        </fieldset>

                     </div>
                     <form class="layui-form d_form">
                        <div class="layui-form-item mb34">
                           <textarea type="text" name="username" lay-verify="required" placeholder="请输入您的看法..."
                              autocomplete="off" class="layui-textarea"></textarea>
                        </div>
                        <div class="layui-form-item d-flex">
                           <input type="text" name="username" lay-verify="required" placeholder="名称" autocomplete="off"
                              class="layui-input mr50" placeholder="">
                           <input type="text" name="username" lay-verify="required" placeholder="邮箱" autocomplete="off"
                              class="layui-input">
                        </div>
                        <div class="mt40 flex-center">
                           <button class="layui-btn layui-bg-orange">　　发送　　</button>
                        </div>
                     </form>
                  </div>
               </div>
               <div class="details_b2 layui-hide-xs ml50">
                  <div class="item">
                     <p class="t1">搜寻文章</p>
                     <div class="s_box d-flex">
                        <input class="flex-1">
                        <i class="layui-icon layui-icon-search"></i>
                     </div>
                  </div>
                  <div class="item">
                     <p class="t1">热门文章</p>
                     <ul class="layui-row ul_height d_ul1">
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div class="item">
                     <p class="t1">最新文章</p>
                     <ul class="layui-row ul_height d_ul1">
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                        <li class="layui-col-md12 layui-col-xs12">
                           <a href="" class="item">
                              <div class="img_box">
                                 <img src="images/d1.jpg">
                              </div>
                              <div class="line-clamp3 ft15 line17">這樣玩最 Chill！10 個 中秋團康遊戲提案，活 絡團圓時光！</div>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </section>

   </main>

   <foote data-load="footer">
      </footer>

</body>
<script src="./js/index.js"></script>
<script>

</script>


</html>